
<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<title>出校</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport"
			content="width=device-width, initial-scala=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />

<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<style>
 .upload{
            width: 80px;
            height: 20px;
            background-color: rgba(135, 206, 235,0.2);
            border: 1px dashed black;
            border-radius: 5px;
            position: relative;
 
        }
        .upload:hover{
            background-color: rgba(135, 206, 235,1);
        }
      
        #file{
            width: 100%;
            height: 100%;
            opacity: 0;
        }</style>
	</head>
	<body style='background-color1:#DFE8F6;;height:100%;'>
		<center id="app">
			
			
			<table>
				<tr>
					<td align="center">
						<div id='jinchuleixingstr' style='font-size:35px'>出校</div>
					</td>
				</tr>
				<tr>
					<td align="center" style='border-bottom: 1px solid #d0d0d5;'>



						<div class="oval" v-for="(item,index) in list" :key="index" style='border-radius: 25px;width:130px' test="background11: url(
) no-repeat scroll 0 transparent;">
							<img :src=""  id = "pic" style='width:130px;border-style1: dashed;border-radius1: 15px;border-color1: #FF7F50'>
						</div>
						<p id ="name_no" style="font-size:15px; color: black; letter-spacing:0px; margin : 0px 0px 0px 0px; padding:0px 0px 0px 0px;"></p>
						


					</td>
				</tr>
				<tr>

					<td align="center"> <br />
						<div id='mymessage' style='font-size:35px'>
							学生：白名单验证通过，该申请离校扫码1次，离校码只能使用一次，请不要重复打开
						</div>
					</td>


				</tr>

				<tr>
					<td align="center">
						<div class='shijiandiv'
							style='font-size:35px;align-items: center;justify-content: center;display: flex;text-align: center; color: red;width:220px;background-color1: #E9F1F6;height1:50px;border-radius: 10px'>
						</div>
					</td>
				</tr>
				<tr>
					<td align="center"><img src="http://wx.ccdgut.edu.cn:80/ccdgutwx//images/right2.png" id='myimg' height='100px' style='margin-top:10px'></td>
				</tr>
			</table>
		</center>

	</body>
</html>

<script type="text/javascript" src="http://wx.ccdgut.edu.cn:80/ccdgutwx//js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" > 

		// var name = prompt("请输入你的名字", "");
	 //    var mm = prompt("请输入你的学号", "");
	 var url = decodeURIComponent(location.search);
	 var Request = new Object();
	 if (url.indexOf("?") != -1) {
	 	var str = url.substr(1) //去掉?号
	 	strs = str.split("&");
	 	for (var i = 0; i < strs.length; i++) {
	 		Request[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
	 	}
	 }
	 var name =  Request["name"];
	 var mm =  Request["stuNo"];
	 
		var name_no =  name+"-"+mm;
		var pic = "http://wx.ccdgut.edu.cn:9000/upload/stu/"+ mm +".jpg"
		document.getElementById("name_no").innerHTML = name_no;
		document.getElementById("pic").src = pic;
		
</script>
<script>
Vue.config.productionTip = false
	    
		
	Date.prototype.format = function(format) {
		var o = {
			"M+": this.getMonth() + 1, //month
			"d+": this.getDate(), //day
			"h+": this.getHours(), //hour
			"m+": this.getMinutes(), //minute
			"s+": this.getSeconds(), //second
			"q+": Math.floor((this.getMonth() + 3) / 3), //quarter
			"S": this.getMilliseconds() //millisecond
		}
		if (/(y+)/.test(format)) format = format.replace(RegExp.$1,
			(this.getFullYear() + "").substr(4 - RegExp.$1.length));
		for (var k in o)
			if (new RegExp("(" + k + ")").test(format))
				format = format.replace(RegExp.$1,
					RegExp.$1.length == 1 ? o[k] :
					("00" + o[k]).substr(("" + o[k]).length));
		return format;
	}

	// $.getJSON("https://wx.ccdgut.edu.cn/ccdgutwx/jinchuxiao/dy!newjinchu.action?xuehao=&jinchuleixing=1",
	// 	function(data) {
	// 		console.log(data)
	// 		// data=eval( "("+data+")"  );

	// 		if (data && data.id && data.message.indexOf("不通过") == -1) {

	// 			$("#myimg").attr("src", "http://wx.ccdgut.edu.cn:80/ccdgutwx//images/right2.png")

	// 		} else {

	// 			$("#myimg").attr("src", "http://wx.ccdgut.edu.cn:80/ccdgutwx//images/right2.png")

	// 		}

	// 		data.message = data.message.replace("稽查", "核验")
	// 		data.message = data.message.replace("", "")
	// 		data.message = data.message.replace("", "")

	// 		$("#jinchuleixingstr").html("进校");

	// 		$("#mymessage").html("" + data.message);

	// 	})







	$(function() {


		$(".bar-body").css("left", ($(window).width() - $(".bar-body").width()) / 2 + "px");

		// setTimeout("shuaxin()", 1000 * 55);

		shijiandiv();



		// $(".yuekangmadiv").height( $(window).height()/5 );

	});

	function shijiandiv() {
		//  $(".shijiandiv").html(  new Date().format('hh:mm:ss S') );
		$(".shijiandiv").html(new Date().format('hh:mm:ss.S'));

		setTimeout("shijiandiv()", 100);
	}
</script>
